<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title></title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<script src="js/jquery.min.js"></script>
	<script src="js/highcharts.js"></script>
	<script src="js/jquery.handsontable.full.js"></script>
	<script src="js/jsChartsNew.js"></script>
	<link rel="stylesheet" media="screen" href="css/jquery.handsontable.full.css">
	<link rel="stylesheet" media="screen" href="css/style.css">
</head>
<body>

<div id="data" class="handsontable"></div>

<fieldset id="form" style="margin: 20px 0; padding: 0;">
	<legend>生成图表</legend>
	<table>
		<tbody><tr>
			<td>类型:</td>
			<td>
				<select name="type">
					<option value="spline">曲线图</option>
					<option value="line">折线图</option>
					<option value="column" selected="selected">柱状图(竖柱)</option>
					<option value="bar">条形图(横条)</option>
					<option value="pie">饼图</option>
					<option value="area">面积图</option>
					<option value="scatter">XY 散点图</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>标题:</td>
			<td>
				<input type="text" name="title" value="标题" style="width: 200px;">
			</td>
		</tr>
		<tr>
			<td>Y轴:</td>
			<td>
				<input type="text" name="ytitle" value="Y轴" style="width: 200px;">
			</td>
		</tr>
		<tr>
			<td></td>
			<td><button>生成图表</button></td>
		</tr>
	</tbody></table>
</fieldset>

<div id="charts"></div>

</body>
</html>